﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="ShowTime.Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html>   
<head>      
<title></title>      
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">      
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.2"></script>
<link href="Styles/map.css" rel="stylesheet" type="text/css" />
<script src="Scripts/pubMapper.js" type="text/javascript"></script>    
<script type="text/javascript">
    var map = null;
    var layer;
    var shape;

    function GetMap() {
        map = new VEMap('myMap');
        map.LoadMap();

        map.AttachEvent("onclick", MouseHandler);
        map.AttachEvent("ondoubleclick", MouseHandler);
        map.AttachEvent("onmousedown", MouseHandler);
        map.AttachEvent("onmousemove", MouseHandler);
        map.AttachEvent("onmouseup", MouseHandler);
        map.AttachEvent("onmousewheel", MouseHandler);

        map.SetZoomLevel(7);
        GetPins();

    }

    function CreateLayer() {
        layer = new VEShapeLayer();
        map.AddShapeLayer(layer);
    }

    function FindLoc() {
        try {
            map.Find(null, txtWhere.value);
        }
        catch (e) {
            alert(e.message);
        }
    }     
</script>  
</head>

<body onload="startUp();" onresize="resizeMap();" style="margin:0px;">
    
<table style="width: 100%; height: 100%; border: none" cellpadding="0" cellspacing="0"> 
    <tr style="height: 25px">
        <td>
            <div id="topNav" style="height: 25px; width: 100%; position:absolute; top:0;z-index:2">
                <form id="form1" runat="server">
                <asp:ScriptManager ID="PM" EnablePageMethods="true" runat="server"></asp:ScriptManager> 
                    <input id="txtWhere" type="text" name="txtWhere" style="width: 275px" value="Enter location to search for..." onfocus="if(this.value == 'Enter location to search for...')this.value='';" onblur="if(this.value == '')this.value='Enter location to search for...';" />      
                    <input id="find" type="button" value="Find" name="find" onclick="FindLoc();" />   
                    <input id="btnInsertPin" type="button" value="Insert Pin" name="btnInsertPin" onclick="insertPin();" /> 
                    <input type="hidden" id="rating" name="rating" value="0" />
                    <span>Zoom Level</span>
                    <select id="zoomLevel" onchange="updateZoom(this.options[this.selectedIndex].value);"></select>
                </form>
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <div id='myMap' style="position:absolute; width: 100%; height: 100%;"></div>
        </td>
    </tr>
</table>
</body>
</html>